<style>
@media(min-width: 1000px){
	#video-modal .modal-dialog
	{max-width:900px!important;padding:20px;}
}
</style>
<div class='modal' id="video-modal">
	<div class='modal-dialog' id="video-dialog" >
		
	</div>
	<!-- <div class='modal-backdrop'></div> -->
</div>
<sss>
	$("#video-modal").on('bc-modal-success',function(event,e){
		var src = $(e).find("videolink[rank='1']").text();
		$("#video-dialog").html('<video id="video_content" style="width: 100%" src="'+src+'" autoplay="autoplay" controls="controls"></video>');
		modal.resize("#video-modal");
	})
	$("#video-modal").on('bc-modal-close', function(event) {
		video_content.pause();
		$("#video-dialog").html('')
	});
</sss>